<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>酒店供应商登录</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/cuslogin.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>
	<body>
		<div class="contanier_bg">
			<div class="login_width400">
				<div class="imgbox text_center padding_bot30">
				   <img src="img/login1.png" alt="" title=""/>
				</div>
				<div class="bg_fff padding_tab30 padding_lar40 border_radius5">
					<!--login_tabul-->
					<ul class="login_tabul clearfix">
						<li class="login_tabli1 this">
							酒店登录
						</li>
						<li class="login_tabli2">
							供应商登录
						</li>
					</ul>
					<!--login_tabul end-->
					<div class="tab_bigbox">
						<!--tab_box-->
						<div class="tab_box">
						  <div class="login_box">
						  	<i class="login_i1"></i>
						  	<input type="text" name="" id="" value="" placeholder="您的邮箱/手机号"/>
						  	<span class="myanimate"></span>
						  </div>
						  <div class="login_box">
						  	<i class="login_i2"></i>
						  	<input type="password" name="" id="" value="" placeholder="您的密码"/>
						  	<span class="myanimate"></span>
						  </div>
						  <a href="" title="" class="login_forget">忘记密码</a>
						  <button class="login_button">登录</button>
						  <a href="" title="" class="cuslogin_a">还没有帐号?<i>立即加盟</i></a>
						</div>
						<!--tab_box-->
						<div class="tab_box">
						  <div class="login_box">
						  	<i class="login_i1"></i>
						  	<input type="text" name="" id="" value="" placeholder="您的邮箱/手机号"/>
						  	<span class="myanimate"></span>
						  </div>
						  <div class="login_box">
						  	<i class="login_i2"></i>
						  	<input type="password" name="" id="" value="" placeholder="您的密码"/>
						  	<span class="myanimate"></span>
						  </div>
						  <a href="" title="" class="login_forget">忘记密码</a>
						  <button class="login_button">登录</button>
						  <a href="" title="" class="cuslogin_a">还没有帐号?<i>立即加盟</i></a>
						</div>
						<!--tab_box end-->
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script src="js/jquery-1.12.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(".login_box").click(function(){
		$(this).addClass("this").siblings(".login_box").removeClass("this");
	})
	$(".register_img").click(function  () {
		var this_type=$(this).siblings("input").attr("type");
		if(this_type=="password"){
			$(this).siblings("input").attr("type","text");
		}else{
			$(this).siblings("input").attr("type","password");
		}
	})
	tabs(".login_tabul li","this",".tab_bigbox",'click');  //tab切换
	isHasthis(".register_p1 i","click"); //添加this
</script>